@charset "UTF-8";
/*!
 * zShareCountBox 1.0 (2014.05)
 * Copyright (C) 2014 - Zon Saja - zonsaja@gmail.com - http://fandigital.com
 * License: CC-BY-SA 3.0 - http://creativecommons.org/licenses/by-sa/3.0/
 */

/*
 * Before minification:
 * - remove #zZ
 */


/* NORMALIZE */
div#zscb-wrapper,
#zZ {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}
div#zscb-wrapper,
div#zscb-wrapper div,
#zZ {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#zscb-wrapper a,
#zZ {
	color: #fff;
	cursor: pointer;
	text-decoration: none !important;
	outline: 0 !important;
}
#zscb-wrapper a:visited,
#zscb-wrapper a:active,
#zZ {
	color: #fff;
}
#zscb-wrapper a:hover,
#zZ {
	color: #48e;
}

#zscb-wrapper :-moz-any-link:focus,
#zZ {
	outline: 0 !important;
}
#zscb-wrapper :focus,
#zZ {
	-moz-outline-style: none !important;
	outline-style: none !important;
}
#zscb-wrapper iframe,
#zscb-wrapper img,
#zZ {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
}


/* WRAPPER */
#zscb-wrapper,
#zZ {
	color: #ccc;
	font-family: sans-serif;
	font-size: 10px;
	display: block;
	background: #444;
	border: 1px solid #888;
	box-shadow: 0 2px 10px rgba(0,0,0,0.25);
	padding: 0;
	position: absolute;
	position: fixed;
	z-index: 1234567890;
	margin: auto;
	top: 20px;
	right: 0;
	bottom: auto;
	left: auto;
	border-radius: 10px 0 0 10px;
	border-width: 1px 0 1px 1px;
}
#zscb-wrapper.zscb-dark,
#zZ {
	color: #ccc;
	background-color: #444;
	border-color: #888;
}
#zscb-wrapper.zscb-light,
#zZ {
	color: #444;
	background-color: #fff;
	border-color: #ccc;
}
#zscb-wrapper.zscb-right-top,
#zZ {
	top: 20px;
	right: 0;
	bottom: auto;
	left: auto;
	border-radius: 10px 0 0 10px;
	border-width: 1px 0 1px 1px;
}
#zscb-wrapper.zscb-right-middle,
#zZ {
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	border-radius: 10px 0 0 10px;
	border-width: 1px 0 1px 1px;
}
#zscb-wrapper.zscb-right-bottom,
#zZ {
	top: 0;
	right: 0;
	bottom: 20px;
	left: auto;
	border-radius: 10px 0 0 10px;
	border-width: 1px 0 1px 1px;
}


/* CLOSE,CREDIT */
#zscb-close,
#zscb-credit,
#zZ {
	cursor: pointer;
	display: block;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	border-radius: 10px;
	color: #aaa;
	background: #444;
	border: 1px solid #444;
}
.zscb-dark #zscb-close,
.zscb-dark #zscb-credit,
#zZ {
	background-color: #444;
	border-color: #444;
}
.zscb-light #zscb-close,
.zscb-light #zscb-credit,
#zZ {
	background-color: #fff;
	border-color: #fff;
}

#zscb-close,
#zZ {
	top: -10px;
}
.zscb-dark #zscb-close,
#zZ {
	border-color: transparent;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.zscb-light #zscb-close,
#zZ {
	border-color: transparent;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
#zscb-close:hover,
#zZ {
	color: #fff;
	background: #c00;
}

#zscb-credit,
#zZ {
	bottom: -10px;
}
.zscb-dark #zscb-credit,
#zZ {
	border-color: transparent;
	box-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.zscb-light #zscb-credit,
#zZ {
	border-color: transparent;
	box-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
#zscb-credit:hover,
#zZ {
	color: #fff;
	background: #080;
}

.zscb-abs-center,
#zZ {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	text-align: center;
	vertical-align: middle;
}
#zscb-close .zscb-abs-center,
#zscb-credit .zscb-abs-center,
#zZ {
	font-size: 10px;
	line-height: 1;
	padding: 0;
	border: none;
	width: 10px;
	height: 10px;
}


/* SEPARATOR */
#zscb-wrapper .zscb-sb-sep,
#zZ {
	display: block;
	clear: both;
	/*margin: 0;
	height: 0;
	border: 1px dashed #999;
	border: 1px dashed transparent;*/
	visibility: hidden;
}


/* SHAREBUTTONBOX */
.zscb-sb-outerbox,
#zZ {
	display: block;
	clear: both;
	vertical-align: middle;
	text-align: center;
	width: 70px;
	height: auto;
	margin: 10px;
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #aaa;
	border-radius: 4px;
	color: #fff;
	background: #999;
	box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
}
.zscb-vertical .zscb-sb-outerbox,
.zscb-sb-outerbox.zscb-vertical,
#zZ {
	display: block;
	clear: both;
	width: 70px;
	height: auto;
}
.zscb-horizontal .zscb-sb-outerbox,
.zscb-sb-outerbox.zscb-horizontal,
#zZ {
	display: inline-block;
	clear: none;
	width: 70px;
	height: 100px;
}
.zscb-sb-innerbox,
#zZ {
	display: block;
	clear: both;
	margin: auto;
	text-align: center;
}


/* VENDORBOX */
#zscb-fbk-outerbox,
#zZ {
	background: #67c;
	background: rgba(102,119,204,0.75);
	border-color: #349;
}
#zscb-twt-outerbox,
#zZ {
	background: #0ae;
	background: rgba(0,170,238,0.75);
	border-color: #07b;
}
#zscb-ggl-outerbox,
#zZ {
	background: #d53;
	background: rgba(221,85,51,0.75);
	border-color: #a20;
}
#zscb-pnt-outerbox,
#zZ {
	background: #b02;
	background: rgba(187,0,34,0.75);
	border-color: #800;
}
#zscb-rdt-outerbox,
#zZ {
	background: #abd;
	background: rgba(170,187,221,0.75);
	border-color: #9ac;
}
